<template>
  <div>
    <div class="contentDiv">
      <el-form :model="customUserInfoForm" :rules="rules" ref="customUserInfoForm" label-width="140px" class="demo-ruleForm">
        <el-divider content-position="left"><span style="font-weight:bold;font-size:18px;" ><li class="el-icon-info"></li> 基本信息</span></el-divider>
        <el-row>
          <el-col span="12">
            <el-form-item label="统一信用代码：" prop="unifiedCreditDcode">
              <el-input v-model="customUserInfoForm.unifiedCreditDcode" placeholder="请输入营业执照统一信用代码"></el-input>
            </el-form-item>
          </el-col>
          <el-col span="12">
             <el-form-item label="机构名称：" prop="orgName">
              <el-input v-model="customUserInfoForm.orgName" placeholder="请输入营业执照企业名称"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col span="12">
            <el-form-item label="法人姓名：" prop="legalPersonName">
              <el-input v-model="customUserInfoForm.legalPersonName" placeholder="请输入营业执照法人代表姓名"></el-input>
            </el-form-item>
          </el-col>
          <el-col span="12">
             <el-form-item label="法人身份证号：" prop="legalPersonIdCardNo">
              <el-input v-model="customUserInfoForm.legalPersonIdCardNo"  maxlength="18"  placeholder="请输入营业执照法人身份证号码"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
         <el-row>
          <el-col span="24">
            <el-form-item label="注册地址：" prop="registAddress">
              <el-input v-model="customUserInfoForm.registAddress" placeholder="营业执照企业注册地址（经营场所）"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-form-item  style="text-align:right">
          <span v-if="checkPass" style="padding-right:30px;font-weight:bold;font-size:14px;color:#509ad4;  cursor:pointer;">验证通过</span>
          <span v-if="!checkPass && checkMsg" style="padding-right:30px;font-weight:bold;font-size:14px;color:#FF0000;  cursor:pointer;">
            验证失败：{{checkMsg}} 
            <el-button style="margin-left:20px;" v-if="!unifiedCreditExist" type="text"  @click="gotoAddOrgInfo">
               立即添加机构信息
            </el-button>
          </span>
          <el-button type="primary" @click="checkOrgInfo">验证信息</el-button>
        </el-form-item>

        <div v-if="checkPass">
          <el-divider content-position="left"><span style="font-weight:bold;font-size:18px;" ><li class="el-icon-user-solid"></li> 用户信息</span></el-divider>
          <el-row>
            <el-col span="24">
              <el-form-item label="用户名：" prop="userName">
                <el-input v-model="customUserInfoForm.userName" disabled placeholder="统一信用代码作为用户名"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="24">
              <el-form-item label="密 码：" prop="password">
                <el-input v-model="customUserInfoForm.password" type="password" maxlength="18" placeholder="请输入用户登录密码"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="24">
              <el-form-item label="确认密码：" prop="rePassword">
                <el-input v-model="customUserInfoForm.rePassword"  type="password"  maxlength="18" placeholder="请输入再次输入用户登录密码"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="24">
              <el-form-item label="联系人姓名：" prop="contactPersonName">
                <el-input v-model="customUserInfoForm.contactPersonName" placeholder="请输入营业执照联系人姓名"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="24">
              <el-form-item label="联系人身份证号：" prop="contactPersonIdCardNo">
                <el-input v-model="customUserInfoForm.contactPersonIdCardNo" maxlength="18" placeholder="请输入营业执照联系人身份证号"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="24">
              <el-form-item label="所属区域：" prop="belongAreaDcode">
                  <el-cascader
                    size="large"
                    :options="options"
                    v-model="customUserInfoForm.belongAreaDcode"
                    style="width: 100%"
                    @change="handleChange"
                    placeholder="请选择企业所属区域"
                  >
                </el-cascader>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="24">
              <el-form-item label="固定电话：" prop="fixedPhoneNo">
                <el-input v-model="customUserInfoForm.fixedPhoneNo" placeholder="请输入企业固定电话"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          
          <el-row>
            <el-col span="24">
              <el-form-item label="邮箱：" prop="email">
                <el-input v-model="customUserInfoForm.email" placeholder="请输入企业联系邮箱地址"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="24">
              <el-form-item label="传真：" prop="faxNo">
                <el-input v-model="customUserInfoForm.faxNo" placeholder="请输入企业传真号码"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="24">
              <el-form-item label="营业执照原件：" prop="businessLicenseUrl">
                <el-upload
                  list-type="picture"
                  class="upload-demo"
                  action="/file/upload"
                  :headers="headersParam"
                  :data="dataParam"
                  :on-preview="handleBusinessLicensePreview"
                  :on-remove="handleBusinessLicenseRemove"
                  :on-success="handleBusinessLicenseSuccess"
                  :file-list="customUserInfoForm.businessLicenseUrl"
                  :multiple="false"
                  :limit="1"
                  >
                  <el-button size="small" type="primary">点击上传</el-button>
                  <div slot="tip" class="el-upload__tip"><span style="color:red;font-size:16px;">*</span>只能上传jpg/png文件，且不超过500kb</div>
                </el-upload>
                <el-dialog :visible.sync="businessLicenseUrlVisible">
                  <img width="100%" :src="businessLicensePreviewUrl" alt="">
                </el-dialog>
              </el-form-item>
            </el-col>
          </el-row>
          <el-form-item  style="text-align:right">
            <el-button type="primary" @click="openCodeDialog">确定</el-button>
          </el-form-item>
        </div>
      </el-form>
    </div>
    <!-- 
      手机验证码激活
     -->
    <el-dialog title="手机号激活验证" :append-to-body='true'  :modal-append-to-body='false'  :modal='true' top="15vh" center width='500px' :show-close="true" :close-on-click-modal='false' :visible.sync="codeDialog">
      <div style="padding:20px 20px 0 20px;">
        <el-form :model="activeCode" :rules="activeRules" ref="activeCodeForm" label-width="120px" class="demo-ruleForm">
          <el-row>
              <el-col >
                <el-form-item label="手机号码：" prop="mobileNo">
                  <el-input v-model="activeCode.mobileNo" placeholder="请输入手机号码">
                  </el-input>
                </el-form-item>
              </el-col>
          </el-row>
          <el-row>
              <el-col span="24">
                <el-form-item label="短信验证码：" prop="code">
                  <el-input v-model="activeCode.code" placeholder="请输入验证码">
                    <template slot="append">
                      <el-button :disabled='this.notSend' @click.prevent="getVerifyCode">{{verifyCodeText}}</el-button>
                    </template>
                  </el-input>
                </el-form-item>
              </el-col>
          </el-row>
        </el-form>
        <div style="padding-left:30px;font-size:12px;">
          <el-checkbox v-model="readChecked">确定已认真阅读<span style="color:blue;" @click.prevent="openUserStatement">《企业平台用户 服务协议》</span></el-checkbox>
        </div>
        <div style="text-align:center;">
          <el-button  type="primary" @click="submitForm">提交</el-button>
        </div>
      </div>
      
    </el-dialog>
    <div style="text-align: center; padding-bottom: 50px; font-size: 14px">
      XXXX <span style="color: #666666">提供技术支持</span>
    </div>
  </div>
</template>

<script>
import {exportSysCustomOrgInfoExcel,saveOrUpdateSysCustomOrgInfo,saveOrUpdateSysCustomOrgInfoList,saveSysCustomOrgInfo,saveSysCustomOrgInfoList,deleteSysCustomOrgInfo,querySysCustomOrgInfo,querySysCustomOrgInfoListPage,updateSysCustomOrgInfo,deleteSysCustomOrgInfoList} from '@/api/system/sysCustomOrgInfoApi';
import {exportSysCustomUserInfoExcel,saveOrUpdateSysCustomUserInfo,saveOrUpdateSysCustomUserInfoList,saveSysCustomUserInfo,saveSysCustomUserInfoList,deleteSysCustomUserInfo,querySysCustomUserInfo,querySysCustomUserInfoListPage,updateSysCustomUserInfo,deleteSysCustomUserInfoList} from '@/api/system/sysCustomUserInfoApi';
import { mapGetters } from 'vuex';
import { reqCommonMsg } from '@/util/reqCommonMsg';
import { regionData, CodeToText } from 'element-china-area-data';
import { getToken } from '@/util/auth';
import { Base64 } from 'js-base64';
export default {
 
  data() {
    return {
      //验证码：
      unifiedCreditExist: true,
      verifyCodeText: '获取验证码',
      check:'',
      nowtime: 120,
      notSend: false,
      readChecked: false,
      codeDialog: false,
      codeOption: {
        width: 400,
        time: 120,
        codeType: 'phone',
        column: {
          username: {
            label: '手机号',
            prefixIcon: 'el-icon-mobile-phone',
            placeholder: '手机号',
            autocomplete: 'off',
            rules: { required: true, message: '请输入手机号', trigger: 'blur' }
          },
          password: {
            hide: true,
          },
          code: {
            label: '验证码',
            autocomplete: 'off',
            rules: { required: true, message: '请输验证码', trigger: 'blur' }
          }
        }
      },
      // 地址选择栏
      options: regionData,
      addtions: {}, //存储地址数据

      //上传文件
      headersParam: {},
      dataParam: {},
      // 营业执照附件
      businessLicenseUrlVisible: false,
      businessLicensePreviewUrl: '',
      orgInfo: {},
      checkMsg: '',
      checkPass : false,
      // 机构表单
      customUserInfoForm: {
        userName: '',
        password: 'Li911993',
        rePassword: 'Li911993',
        unifiedCreditDcode: '91510100MA65MC830D',
        orgName: '独领科技创新科技有限公司',
        businessLicenseUrl: ['http://loodood.com'],
        legalPersonName: '李秋宏',
        legalPersonIdCardNo: '510921198309300915',
        legalPersonIdCardUrl: [],
        registAddress: '中国（四川）自由贸易试验区成都高新区吉瑞三路99号1栋5单元10层1006号',
        contactPersonName: '1111',
        contactPersonIdCardNo: '510921198309300915',
        contactPersonIdCardUrl: [],
        fixedPhoneNo: '0755-88828323',
        belongAreaDcode: '',
        belongAreaName: '',
        email: '330511@qq.com',
        faxNo: '0755-88828323'
      },
      
      activeCode: {
        mobileNo: '',
        code: ''
      },
      rules: {
        userName: [
          { required: true, message: '请输入用户名！', trigger: 'blur' }
        ],
        password: [
          { 
            // 检查密码
            validator: (rule, value, callback) => {
              this.$console.log('this.$validate.checkPwdStrong(value)==',this.$validate.checkPwdStrong(value));
              if(!this.$validate.checkPwdStrong(value)){
                callback(new Error('密码强度须由大写字母、小写字母、数字、特殊字符 满足其中三种,长度大于等于6位'));
              }
              else{
                callback();
              }
            },
            required: true, 
            trigger: 'blur' 
          }
        ],
        rePassword: [
          { 
            // 二次校验密码
            validator: (rule, value, callback) => {
              if(value != this.customUserInfoForm.password){
                callback(new Error('两次输入的密码不一致，请重新输入！'));
              }
              else{
                callback();
              }
            },
            required: true, 
            trigger: 'blur' 
          }
        ],
        unifiedCreditDcode: [
          { required: true, message: '请输入营业执照统一信用代码', trigger: 'blur' }
        ],
        orgName: [
          { required: true, message: '请输入营业执照企业名称', trigger: 'blur' }
        ],
        businessLicenseUrl: [
          { 
            // 检查营业执照
            validator: (rule, value, callback) => {
              if(value.length != 1){
                callback(new Error('请上传企业营业执照原件照片！'));
              }
              else{
                callback();
              }
            },
            required: true, 
            trigger: 'blur' 
          }
        ],
        legalPersonName: [
          { required: true, message: '请输入营业执照法人代表姓名', trigger: 'blur' }
        ],
        legalPersonIdCardNo: [
          {
			      // 检查身份证号码
            validator: (rule, value, callback) => {
              var validate = this.$validate.cardid(value)
              if(!validate.result){
                callback(new Error(validate.msg));
              }
              else{
                callback();
              }
            },
            required:  true,
            trigger: 'blur'
          }
          //{ required: true, message: '请输入营业执照法人身份证号码', trigger: 'blur' }
        ],
        
        registAddress: [
          { required: true, message: '请输入营业执照企业注册地址（经营场所）', trigger: 'blur' }
        ],
        contactPersonName: [
          { required: true, message: '请输入营业执照联系人姓名', trigger: 'blur' }
        ],
        contactPersonIdCardNo: [
          {
			      // 检查身份证号码
            validator: (rule, value, callback) => {
              var validate = this.$validate.cardid(value)
              if(!validate.result){
                callback(new Error(validate.msg));
              }
              else{
                callback();
              }
            },
            required:  true,
            trigger: 'blur'
          }
          //{ required: true, message: '请输入营业执照联系人身份证号码', trigger: 'blur' }
        ],
        fixedPhoneNo: [
          { 
            // 检查手机号
            validator: (rule, value, callback) => {
              if(!this.$validate.isPhoneNo(value)){
                callback(new Error('请输入有效的电话号码！'));
              }
              else{
                callback();
              }
            },
            required: true, 
            trigger: 'blur' 
          }
        ],
        
        belongAreaDcode: [
          { required: true, message: '请选择企业所在区域', trigger: 'blur' }
        ],
        faxNo: [
          { 
            // 检查传真号码
            validator: (rule, value, callback) => {
              if(!this.$validate.isFaxNo(value)){
                callback(new Error('请输入有效的传真号码！'));
              }
              else{
                callback();
              }
            },
            required: true, 
            trigger: 'blur' 
          }
        ],
        email: [
          { 
            validator: (rule, value, callback) => {
              if(!this.$validate.isEmail(value)){
                callback(new Error('请输入正确的邮件地址！'));
              }
              else{
                callback();
              }
            },
            required: true, 
            trigger: 'blur' 
          }
        ],
      },
      activeRules: {
        mobileNo: [
          { 
            // 检查手机号
            validator: (rule, value, callback) => {
              if(!this.$validate.isMobile(value)){
                callback(new Error('请输入有效的手机号码！'));
              }
              else{
                callback();
              }
            },
            required: true, 
            trigger: 'blur' 
          }
        ],
        code: [
          { 
            validator: (rule, value, callback) => {
              if(value.length != 6){
                callback(new Error('请输入6位验证码！'));
              }
              else{
                callback();
              }
            },
            required: true, 
            trigger: 'blur' 
          }
        ],
      },
      // 请求参数区
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
      },
      reqParams: {
        singleBody: {},
        listBody: [{}],
        sqlCondition: [],
        orderRule: [],
        currentPage: 1,
        pageSize: 10,
      },
      commonData: null,
      conditions: [],
      orderRules: [],
      singleBody: {},
    };
  },
  computed: {
    ...mapGetters([
      'website',
      'orgTree',
      'genOrgTree',
      'userInfo',
      'permission',
      'projectInfo',
    ]),
  },
  methods: {
    /**
     * 打开用户协议
     */
    openUserStatement(){
      this.$console.log('打开用户协议！');
    },
    /**
     * 打开发送验证码窗口
     */
    openCodeDialog() {
      this.$refs.customUserInfoForm.validate((valid) => {
        if (valid) {
          this.codeDialog =  true;
        }
      })
    },
    /**
     * 获取验证码
     */
    getVerifyCode(){
      this.notSend = true;
      this.nowtime--
      this.verifyCodeText = this.nowtime + '后重获取'
      this.check = setInterval(() => {
        this.nowtime--
        if (this.nowtime === 0) {
          this.text = '发送验证码';
          clearInterval(this.check);
          this.check = null;
          this.notSend = false;
        } else {
          this.verifyCodeText = this.nowtime + '后重获取'
        }
      }, 1000)
    },
    /**
     * 检查基础信息
     */
    async checkOrgInfo(){
      this.$console.log('0');
      //检查输入项是否OK
      this.$refs.customUserInfoForm.validate((valid) => {
        if (valid) {
          this.$console.log('数据验证通过！');   
        }
        else{
          this.$console.log('数据验证失败！');     
        }
      }); 
      if(this.customUserInfoForm.unifiedCreditDcode == ''){
        return false;
      }
      else if(this.customUserInfoForm.orgName == ''){
        return false;
      }
      else if(this.customUserInfoForm.legalPersonName == ''){
        return false;
      }
      else if(this.customUserInfoForm.legalPersonIdCardNo == ''){
        return false;
      }
      else if(this.customUserInfoForm.registAddress == ''){
        return false;
      }
      // 检查通过，用统一信用代码查询登记信息
      const loading = this.$loading({
        lock: true,
        text: 'Loading',
        spinner: 'el-icon-loading',
      });
      this.loading = true;
      this.reqParams =  {
        singleBody: {
          unifiedCreditDcode: this.customUserInfoForm.unifiedCreditDcode
        },
        listBody: [{}],
        sqlCondition: this.conditions,
        orderRule: this.orderRules,
        currentPage: 1, 
        pageSize: 10
      }
      this.commonData = reqCommonMsg(this.reqParams)
      await querySysCustomOrgInfoListPage(this.commonData).then(res => {
        const data = res.data.body.listBody;  
        if(data.length > 0){
          this.orgInfo = data[0];
        } 
        loading.close();
      }, error => {
        loading.close();
      });
      this.unifiedCreditExist = true;
      //检查输入项目是否正确
      if(this.customUserInfoForm.unifiedCreditDcode != this.orgInfo.unifiedCreditDcode || this.orgInfo.status == '0'){
        this.checkPass = false;
        this.unifiedCreditExist = false;
        this.checkMsg = '机构信息不存在';
        return false;
      }
      else if(this.customUserInfoForm.orgName != this.orgInfo.orgName){
        this.checkPass = false;
        this.checkMsg = '机构名称不一致';
        return false;
      }
      else if(this.customUserInfoForm.legalPersonName != this.orgInfo.legalPersonName){
        this.checkPass = false;
        this.checkMsg = '法人姓名不一致';
        return false;
      }
      else if(this.customUserInfoForm.legalPersonIdCardNo != this.orgInfo.legalPersonIdCardNo){
        this.checkPass = false;
        this.checkMsg = '法人身份证不一致';
        return false;
      }
      else if(this.customUserInfoForm.registAddress != this.orgInfo.registAddress){
        this.checkPass = false;
        this.checkMsg = '注册地址不一致';
        return false;
      }
      else  if(this.orgInfo.status == '3'){
        this.checkPass = false;
        this.checkMsg = '机构信息审核未通过';
        return false;
      }
      else  if(this.orgInfo.status != '2'){
        this.checkPass = false;
        this.checkMsg = '机构信息审核中...';
        return false;
      }
      else{
        this.customUserInfoForm.userName =  this.customUserInfoForm.unifiedCreditDcode;
        this.customUserInfoForm.contactPersonName =  this.orgInfo.contactPersonName;
        this.customUserInfoForm.contactPersonIdCardNo =  this.orgInfo.contactPersonIdCardNo;
        this.customUserInfoForm.belongAreaName =  this.orgInfo.belongAreaName;
        this.customUserInfoForm.fixedPhoneNo =  this.orgInfo.contactPhoneNo;
        this.customUserInfoForm.legalPersonIdCardUrl =  this.orgInfo.legalPersonIdCardUrl;
        this.customUserInfoForm.contactPersonIdCardUrl =  this.orgInfo.contactPersonIdCardUrl;
        this.customUserInfoForm.belongAreaDcode =  this.orgInfo.belongAreaDcode;
        this.checkPass = true;
        this.checkMsg = '验证通过';
      }
    },
    ///*+++++++++++++处理营业执照附件+++++++++++++++++++ */
    /**
     * 上传营业执照成功回调
     */
    handleBusinessLicenseSuccess(response, file, fileList) {
      if(!response.head){
        this.customUserInfoForm.businessLicenseUrl = [];
        this.$message({
          type: 'error',
          message: '文件上传错误，请联系管理员！',
        },5000);
      }
      else if (response.head.respCode == 'S0000') {
        var dataList = [];
        fileList.forEach((element) => {
          if (element.response) {
            if (element.status == 'success') {
              dataList.push({
                name: element.response.fileName,
                url: element.response.filePath,
                size: element.response.fileSize,
                type: element.response.fileType,
              });
            }
          } else if (element.name) {
            dataList.push(element);
          }
        });
        this.customUserInfoForm.businessLicenseUrl  = dataList;
      } else {
        file.status = 'error';
        this.$message({
          customClass: 'zZindex',
          type: 'error',
          message: response.respMsg,
        });
      }
    },
    /**
     * 移除营业执照
     */
    handleBusinessLicenseRemove(file, fileList){
      var dataList = [];
      fileList.forEach((element) => {
        if (element.response) {
          if (element.status == 'success') {
            dataList.push({
              name: element.response.fileName,
              url: element.response.filePath,
              size: element.response.fileSize,
              type: element.response.fileType,
            });
          }
        } else if (element.name) {
          dataList.push(element);
        }
      });
      this.customUserInfoForm.businessLicenseUrl  = dataList;
    },
    /**
     * 预览营业执照
     */
    handleBusinessLicensePreview(file) {
      this.businessLicensePreviewUrl = file.url;
      this.businessLicenseUrlVisible = true;
    },
    ///*+++++++++++++处理营业执照附件结束+++++++++++++++++++ */
    /**
     * 处理地区多级选择框
     */
    handleChange() {
      //我们要取出区域码对应的汉字，就需要用CodeToText(区域码)进行输出
      var name = '';
      this.customUserInfoForm.belongAreaDcode.map(
        (item) => (name += CodeToText[item] + '/')
      );
      this.customUserInfoForm.belongAreaName = name;
    },
    /**
     * 提交
     */
    submitForm() {
      if(this.readChecked){
        this.$refs.activeCodeForm.validate((valid) => {
          if (valid) {
            this.$console.log('数据验证通过！');   
            // 如果ID存在表示修改记录，否则新增记录
            this.reqParams.singleBody = this.customUserInfoForm;
            this.commonData = reqCommonMsg(this.reqParams)
            saveSysCustomUserInfo(this.commonData).then(() => {
              this.$message({
                type: 'success',
                message: '操作成功!'
              });
              //跳转到成功提示页面
              this.$router.push({path: '/website/registerSuccess'});
            }, error => {
              this.$console.log(error);
            });         
          }
          else{
            this.$console.log('数据验证失败！');     
          }
        });
      }
      else{
        this.$message({
          type: 'warning',
          message: '请先同意用户协议!'
        });
      }
    },
    /**
     * 跳转到添加机构信息
     */
    gotoAddOrgInfo(){
      this.$router.push({ path: '/website/addOrgInfo'});
    }
  },
  created() {
    // let urlParam = this.$toolUtil.UrlSearch();
    // if (urlParam.qn) {
    //   this.questionSheetId = Base64.decode(urlParam.qn.replace(/%3D/g, '='));
    // } else {
    //   alert('访问无效');
    // }
  },
  mounted() {
    //初始化文件上传头信息
    this.headersParam = {
      Authorization: 'bearer ' + getToken(),
      UserId: this.userInfo.userId,
      UserSign: 'uploadFile',
      remote: 'no',
    };
  },
};
</script>
<style  lang="scss">
html,
body,
#app {
  height: 100%;
  overflow: auto;
  margin: 0;
  padding: 0;
  background: #edf2f7 !important;
}
.contentDiv {
  margin: 0 auto;
  width: 900px;
  margin-bottom: 50px;
  margin-top: 100px;
  padding: 30px;
  background-color: #ffffff;
  border-radius: 5px;
  .el-input__inner{
    border-radius: 5px !important;
  }
  .el-upload--picture-card{
    height: 80px !important;
    width: 80px  !important;
    line-height:90px !important;
  }
  .el-icon-plus{
    font-size: 14px;
  }
  .el-form-item{
    margin: 10px !important;
  }
  .el-form-item__error{
    padding-top: 0px !important;
  }
  .el-form-item__label{
    padding-right: 0px !important;
  }
  
  .el-upload-list__item-thumbnail{
    width: 150px !important;
    height: 70px !important;
  }
  .avue-login .el-input{
    border-bottom: 0px solid #ffffff !important;
  }
}

</style>
